<!doctype html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta name="format-detection" content="telephone=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <title>微众智慧社区</title>
  <link rel="icon" type="image/png" href="assets/i/favicon.png">
  <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
  <link rel="stylesheet" type="text/css" href="assets/css/amazeui.min.css">
  <link rel="stylesheet" type="text/css" href="assets/css/app.css">
  <link rel="stylesheet" type="text/css" href="assets/css/common.css">
  <style type="text/css">
    body{background-color: #F7F7F7;}

    .am-tabs-default{margin: 0px;}
    .am-tabs-default .am-tabs-nav>.am-active{border-bottom: 2px solid #000000;}
    .am-tabs-default .am-tabs-nav>.am-active a{color: #BDD84D;background-color: transparent;}
    .am-tabs-default .am-tabs-nav a{color: #88A620;}
    .am-tabs-default .am-tabs-nav {line-height: 40px;background-color: #F6F6F6;}
.cover{background:center center;background-size:100% auto;}
  </style>
</head>
<body>
  <div data-am-widget="tabs" class="am-tabs am-tabs-default">
      <ul class="am-tabs-nav am-cf">
          <div style="position: relative;width: 88px;height: 44px;">
          </div>
          <li class="am-active"><a href="[data-tab-panel-0]">新鲜事儿</a></li>
          <li class=""><a href="[data-tab-panel-1]">公告</a></li>
          <div style="position: relative;width: 44px;height: 44px;margin-left: 50px">
          </div>
      </ul>
      <div style="position:absolute;width: 44px;height: 44px;top:0;right:20px;">
        <a href="post_feed.html"><img src="assets/i/actionbar_icon_edit.png" style="position: relative;width: 44px;height: 44px;"></a>
      </div>
      <div class="am-tabs-bd">
          <div data-tab-panel-0 class="am-tab-panel am-active" style="padding: 0px;"  id="mylist">
            <div style="width: 100%;height: 100px;"></div>
          </div>
          <div data-tab-panel-1 class="am-tab-panel " style="padding: 0px;">
            <div class="feed-container" style="margin-top: 0px;">
              <div class="author-bar flexbox-container-horizontal">
                <div class="header flexbox-center-center">
                  <img src="assets/i/user_header1.png">
                </div>
                <div class="flexbox-item flexbox-center-center">
                  <div style="width: 100%">
                    <div class="name">猴赛雷二号</div>
                    <div class="created-date">2016-01-02</div>
                  </div>
                </div>
              </div>
              <div class="cover">
                <img src="assets/i/bitmap1.png">
              </div>
              <div class="content">
                <div class="title">小区很漂亮</div>
                <div class="text">文字是记录信息的图像符号。错误观点：文字是记录语言的符号。错误原因：西方中心论。世界上现在除了中国文字的象形文字，其他都是拼音文字。拼音文字是语言的记录，但象形文字不是语言的记录。</div>
              </div>
              <div class="btnbar flexbox-container-horizontal flexbox-end-center">
                  <div class="btn-buy" style="display: none;"></div>
                  <div class="btn-praise"></div>
                  <div class="btn-comment"></div>
              </div>
            </div>

            <div class="feed-container">
              <div class="author-bar flexbox-container-horizontal">
                <div class="header flexbox-center-center">
                  <img src="assets/i/user_header1.png">
                </div>
                <div class="flexbox-item flexbox-center-center">
                  <div style="width: 100%">
                    <div class="name">猴赛雷二号</div>
                    <div class="created-date">2016-01-02</div>
                  </div>
                </div>
              </div>
              <div class="cover">
                <img src="assets/i/bitmap1.png">
              </div>
              <div class="content">
                <div class="title">小区很漂亮</div>
                <div class="text">文字是记录信息的图像符号。错误观点：文字是记录语言的符号。错误原因：西方中心论。世界上现在除了中国文字的象形文字，其他都是拼音文字。拼音文字是语言的记录，但象形文字不是语言的记录。</div>
              </div>
              <div class="btnbar flexbox-container-horizontal flexbox-end-center">
                  <div class="btn-buy" style="display: none;"></div>
                  <div class="btn-praise"></div>
                  <div class="btn-comment"></div>
              </div>
            </div>

            <div class="feed-container">
              <div class="author-bar flexbox-container-horizontal">
                <div class="header flexbox-center-center">
                  <img src="assets/i/user_header1.png">
                </div>
                <div class="flexbox-item flexbox-center-center">
                  <div style="width: 100%">
                    <div class="name">猴赛雷二号</div>
                    <div class="created-date">2016-01-02</div>
                  </div>
                </div>
              </div>
              <div class="cover">
                <img src="assets/i/bitmap1.png">
              </div>
              <div class="content">
                <div class="title">小区很漂亮</div>
                <div class="text">文字是记录信息的图像符号。错误观点：文字是记录语言的符号。错误原因：西方中心论。世界上现在除了中国文字的象形文字，其他都是拼音文字。拼音文字是语言的记录，但象形文字不是语言的记录。</div>
              </div>
              <div class="btnbar flexbox-container-horizontal flexbox-end-center">
                  <div class="btn-buy" style="display: none;"></div>
                  <div class="btn-praise"></div>
                  <div class="btn-comment"></div>
              </div>
            </div>

            <div class="feed-container">
              <div class="author-bar flexbox-container-horizontal">
                <div class="header flexbox-center-center">
                  <img src="assets/i/user_header1.png">
                </div>
                <div class="flexbox-item flexbox-center-center">
                  <div style="width: 100%">
                    <div class="name">猴赛雷二号</div>
                    <div class="created-date">2016-01-02</div>
                  </div>
                </div>
              </div>
              <div class="cover">
                <img src="assets/i/bitmap1.png">
              </div>
              <div class="content">
                <div class="title">小区很漂亮</div>
                <div class="text">文字是记录信息的图像符号。错误观点：文字是记录语言的符号。错误原因：西方中心论。世界上现在除了中国文字的象形文字，其他都是拼音文字。拼音文字是语言的记录，但象形文字不是语言的记录。</div>
              </div>
              <div class="btnbar flexbox-container-horizontal flexbox-end-center">
                  <div class="btn-buy" style="display: none;"></div>
                  <div class="btn-praise"></div>
                  <div class="btn-comment"></div>
              </div>
            </div>
            <div style="width: 100%;height: 100px;"></div>
          </div>
      </div>
  </div>

  <div class="navbar flexbox-container-horizontal">
    <div class="subnav flexbox-item">
      <a>
      <div class="flexbox-center-center">
        <img src="assets/i/tab_icon_find_.png">
      </div>
      </a>
    </div>
    <div class="subnav flexbox-item">
      <a href="tab_goods.html">
      <div class="flexbox-center-center">
        <img src="assets/i/tab_icon_goods.png">
      </div>
      </a>
    </div>
    <div class="subnav flexbox-item">
      <a href="tab_service.html">
      <div class="flexbox-center-center">
        <img src="assets/i/tab_icon_service.png">
      </div>
      </a>
    </div>
    <div class="subnav flexbox-item">
      <a href="tab_my.html">
      <div class="flexbox-center-center">
        <img src="assets/i/tab_icon_my.png">
      </div>
      </a>
    </div>
  </div>

  <script src="assets/js/jquery.min.js"></script>
  <script src="assets/js/amazeui.min.js"></script>
  <script>
  $(document).ready(function(e) {
    $.getJSON("/getImage", function(data){
      if(data && data.results)
      $.each(data.results, function(i,item){
        var html='<a href="feed_detail.html#'+data.results[i].id
        +'"><div class="feed-container" style="margin-top: 0px;"><div class="author-bar flexbox-container-horizontal"><div class="header flexbox-center-center"><img src="assets/i/user_header2.jpg"></div><div class="flexbox-item flexbox-center-center"><div style="width: 100%"><div class="name">'+data.results[i].username
        +'</div><div class="created-date">'+data.results[i].date
        +'</div></div></div></div><div class="cover" style="background-image:url('+data.results[i].url+');"></div><div class="content"><div class="title">'+data.results[i].title+'</div><div class="text">'+data.results[i].content+'</div></div><div class="btnbar flexbox-container-horizontal flexbox-end-center"><div class="btn-buy" style="display: none;"></div><div class="btn-praise"></div><div class="btn-comment"></div></div></div></a>';
        $("#mylist").prepend(html);
      });
    });
  });
  </script>
</body>
</html>
